<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>手机版-分类页面</title>
		<!--设置手机适应-->
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/mobliebase.css" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/mobilecate.css" />
		<link rel="stylesheet" type="text/css" href="/css/mobile/icon.css" />
		<script src="/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/mobilecategory.js" type="text/javascript" charset="utf-8"></script>
	</head>

	<body>
		<!--顶部-->
		<header class="OldHeader">
			<div class="OHeader">
				<h1>商品分类</h1>
				<div class="OHeadBack">
					<a href="/mobile/">返回</a>
				</div>
			</div>
		</header>
		<!--分类内容-->
		<div class="mobile_cate_panel">
			<div class="left_bar">
				<ul class="catelist">
					<%for(i=0;i<categorylist.length;i++){%>
					<%if(i==0){%>
					<li class="selected">
						<%}else{%>
						<li>
							<%}%>
							<span name="cate_id" class="hidden">
				        	<%=categorylist[i].category_Id%>
				        </span>
							<a href="#">
								<%=categorylist[i].category_name%>
							</a>
						</li>
						<%}%>
				</ul>
			</div>
			<!--右侧分类栏，根据左侧选择显示-->
			<div class="right_bar">
				<!--分类列表-->
				<%for(i=0;i<categorylist.length;i++){%>				
					<%if(i==0){%>
						<!--二级分类-->
						<div id="<%=categorylist[i].category_Id%>" class="second_cate_panel active">						
					<%}else{%>
						<!--二级分类-->
						<div id="<%=categorylist[i].category_Id%>" class="second_cate_panel">
					<%}%>
					<%for(j=0;j<categorylist[i].list.length;j++){%>
					<div class="item">
						<h3><%=categorylist[i].list[j].category_name%></h3>
						<ul class="clearfix">
							<!--三级分类列表-->
							<%for(k=0;k<categorylist[i].list[j].list.length;k++){%>
							<li>
								<a href="/mobile/pdlist/<%=categorylist[i].list[j].list[k].category_Id%>"><%=categorylist[i].list[j].list[k].category_name%></a>
							</li>
							<%}%>							
						</ul>
					</div>
					<%}%>
				</div>
				<%}%>				
			</div>
			<!--底部工具栏-->
			<div class="bottom_panel clearfix">
				<div class="btn_groups">
					<a href="/mobile/"><i class="glyphicon glyphicon-home"></i><span>
				    	首页
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/event"><i class="glyphicon glyphicon-tags"></i><span>
				    	活动
				    </span></a>
				</div>
				<div class="btn_groups">
					<a class="selected" href="/mobile/catelist"><i class="glyphicon glyphicon-th-large"></i><span>
				    	分类
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/cart"><i class="glyphicon glyphicon-shopping-cart"></i><span>
				    	购物车
				    </span></a>
				</div>
				<div class="btn_groups">
					<a href="/mobile/me"><i class="glyphicon glyphicon-user"></i><span>
				    	我的
				    </span></a>
				</div>
			</div>
		</div>
	</body>

</html>